<template>
  <div style="margin-left: 10px;margin-right: 10px">
    <!--    <template v-if="$route.params.content && $route.params.content!=='' && false">-->
    <!--      <p style="white-space: pre-wrap;" v-html="processText($route.params.content)"/>-->
    <!--    </template>-->
    <template>
      <p style="white-space:pre-wrap" v-html="processText(content)"/>
    </template>
  </div>
</template>

<script>
import { insertStrAfterTarget, insertStrBeforeTarget } from '@/utils/stringUtils'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

export default {
  name: 'MyMovement',
  data() {
    return {
      // content: `<p>通知</p><p>  工信部</p>`
      content: `<h2>通知</h2><p><span style="color: rgb(0, 138, 0);">杭州卓悦智能家居</span> &nbsp; &nbsp;<span style="color: rgb(187, 187, 187);">10月19日</span></p><p><img src="https://zhuoyuezn-img.oss-cn-hangzhou.aliyuncs.com/zyzn/movementLinkImage/be1d989549124469bfe7640e11ed79ff.png"></p><p>\t应工信部要求平台进行整改，（android）平台整改后会造成部分用户1.4.6版本无法进行在线升级，请到各大运营商平台进行下载1.4.7版本（若版本不符合，请稍后在下载），给您造成困扰，深表歉意。</p><p><br></p><p><img src="https://zhuoyuezn-img.oss-cn-hangzhou.aliyuncs.com/zyzn/movementLinkImage/65b700f771044431b6ee70ebf53fbe44.jpg"></p><p>\t应工信部要求平台进行整改，（android）平台整改后会造成部分用户1.4.6版本无法进行在线升级，请到各大运营商平台进行下载1.4.7版本（若版本不符合，请稍后在下载），给您造成困扰，深表歉意。</p>`
    }
  },
  methods: {
    processText(content) {
      console.log(content)
      let temp1 = insertStrBeforeTarget(content, `><img`, ` style='text-align:center' `)
      let temp2 = insertStrAfterTarget(temp1, `<img`, ` style='max-width:90%' `)
      console.log(temp2)
      return temp2
    }
  }
}
</script>

<style scoped>

</style>
